<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="./lib/vue.js"></script>
  </head>
  <body>
    <div id="app">
      <!-- 单个单词的属性可省略引号,组合单词不能省略引号 -->
      <!-- <h1 :style="styleObj1">这是一个h1</partial></h1> -->

      <h1 :style="[styleObj1,styleObj2]">这是一个h1</partial></h1>

    </div>

    <script>
      var vm = new Vue({
        el: '#app',
        data: {
          styleObj1: {color:'red', 'font-weight': 200},
          styleObj2: {'font-style': 'italic'}
        },
        methods: {

        }
      })
    </script>



  </body>
</html>
